
<html>
<head>
    <title>WebChat | 聊天</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="/plugins/amaze/css/amazeui.min.css">
    <link rel="stylesheet" href="/plugins/amaze/css/admin.css">
    <link rel="stylesheet" href="/plugins/contextjs/css/context.standalone.css">
    <script src="/plugins/jquery/jquery-2.1.4.min.js"></script>
    <script src="//amaze/js/amazeui.min.js"></script>
    <script src="/plugins/amaze/js/app.js"></script>
    <script src="/plugins/layer/layer.js"></script>
    <script src="/plugins/laypage/laypage.js"></script>
    <script src="/plugins/contextjs/js/context.js"></script>
    <script language="JavaScript" type="text/javascript">
        function selectById(id) {
            $.ajax({
                type:"get",
                url: "/"+id+"/user",
                sync:true,
                dataType: "json",
                success: function(data){
                    if(data.status=="false"){
                        alert("有问题");
                        return;
                    }
                    alert("123213");
                }
            });
        }

    </script>
</head>
<body>
<header class="am-topbar admin-header">
    <div class="am-topbar-brand">
        <i class="am-icon-weixin"></i> <strong>WebChat</strong> <small>网页聊天室</small>
    </div>
    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
            <li class="am-dropdown" data-am-dropdown>
                <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                    张三 <span class="am-icon-caret-down"></span>
                </a>
            </li>
        </ul>
    </div>
</header>
<div class="am-cf admin-main">
<!-- sidebar start -->
<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
    <div class="am-offcanvas-bar admin-offcanvas-bar">
        <ul class="am-list admin-sidebar-list">
            <li><a href="index.html"><span class="am-icon-commenting"></span> 聊天</a></li>
            <li><a href="javascript:selectById(1)" class="am-cf"><span class="am-icon-book"></span> 个人信息<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
            <li class="admin-parent">
                <a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-cogs"></span> 设置 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
                <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
                    <li><a href="info-setting.html"><span class="am-icon-group"></span> 个人设置</a></li>
                    <li><a href="user_space.html"><span class="am-icon-cog"></span>心情动态</a></li>                 
                </ul>
            </li>
           <li><a href="friend.html"><span class="am-icon-globe"></span>好友动态</a></li>        
            <li><a href="log.html"><span class="am-icon-inbox"></span> 系统日志<span class="am-badge am-badge-secondary am-margin-right am-fr">24</span></a></li>
            <li><a href="login.html"><span class="am-icon-sign-out"></span> 注销</a></li>
        </ul>
        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div class="am-panel-bd">
                <p><span class="am-icon-tag"></span> Welcome</p>
                <p>欢迎使用WebChat聊天室~</p>
            </div>
        </div>
    </div>
</div>
<!-- sidebar end -->
    <!-- content start -->
    <div class="admin-content"  >
        <div class="" style="width: 80%;float:left;">
            <!-- 聊天区 -->
            <div class="am-scrollable-vertical" id="chat-view" style="height: 310px;">
                <ul class="am-comments-list am-comments-list-flip" id="chat">
                <li class="am-comment am-comment-flip am-comment-primary"><a href="#link-to-user-home"><img width="48" height="48" class="am-comment-avatar" alt="" src="source/img/default_head.jpg"></a><div class="am-comment-main">
                <header class="am-comment-hd"><div class="am-comment-meta">   
                <a class="am-comment-author" href="#link-to-user">张三</a> 发表于<time>2017-11-11 11:32:59</time> 发送给:赵丽丽 </div></header><div class="am-comment-bd"> <p>你好，交个朋友把</p></div></div></li>
                
                <li class="am-comment am-comment-primary">
                <a href="#link-to-user-home">
                	<img width="48" height="48" class="am-comment-avatar" alt="" src="source/img/default_head.jpg"></a>
                <div class="am-comment-main">
                <header class="am-comment-hd">
                <div class="am-comment-meta">   
                <a class="am-comment-author" href="#link-to-user">赵丽丽</a> 发表于
                <time>2017-11-11 11:32:59</time> 发送给:张三 </div>
                </header>
                <div class="am-comment-bd"> <p>我不愿意</p></div>
                </div></li>  
 <li class="am-comment am-comment-flip am-comment-primary"><a href="#link-to-user-home"><img width="48" height="48" class="am-comment-avatar" alt="" src="source/img/default_head.jpg"/></a><div class="am-comment-main">
                <header class="am-comment-hd"><div class="am-comment-meta">   
                <a class="am-comment-author" href="#link-to-user">张三</a> 发表于<time>2017-11-11 11:32:59</time> 发送给:赵丽丽 </div></header><div class="am-comment-bd"> <p>你好，交个朋友把</p></div></div></li>
                
                <li class="am-comment am-comment-primary">
                <a href="#link-to-user-home">
                	<img width="48" height="48" class="am-comment-avatar" alt="" src="source/img/default_head.jpg"></a>
                <div class="am-comment-main">
                <header class="am-comment-hd">
                <div class="am-comment-meta">   
                <a class="am-comment-author" href="#link-to-user">赵丽丽</a> 发表于
                <time>2017-11-11 11:32:59</time> 发送给:张三 </div>
                </header>
                <div class="am-comment-bd"> <p>我不愿意</p></div>
                </div></li>                              
                </ul>
            </div>
            <!-- 输入区 -->
            <div class="am-form-group am-form">
                <textarea class="" id="message" name="message" rows="5"  placeholder="这里输入你想发送的信息..."></textarea> 
            </div>
            <!-- 接收者 -->
            <div class="" style="float: left">
                <p class="am-kai">发送给 : <span id="sendto">赵丽丽</span></p>
            </div>
            <!-- 按钮区 -->
            <div class="am-btn-group am-btn-group-xs" style="float:right;"> 
                <button class="am-btn am-btn-default" type="button" onClick="sendMessage()"><span class="am-icon-commenting"></span> 发送</button>
            </div>
        </div>
        <!-- 列表区 -->
        <div class="am-panel am-panel-default" style="float:right;width: 20%;">
            <div class="am-panel-hd">
                <h3 class="am-panel-title">好友列表 [23]</h3>
            </div>
            <ul class="am-list am-list-static am-list-striped" >
                <li>王晓骏 <button class="am-btn am-btn-xs am-btn-danger" id="tuling" data-am-button>3</button></li>
            </ul>
            <ul class="am-list am-list-static am-list-striped" id="list">
            <li>赵丽丽
            <button type="button" class="am-btn am-btn-xs am-btn-primary am-round" onclick="addChat('赵丽丽');"><span class="am-icon-phone"><span> 私聊</button></li>
            </ul>
        </div>
    </div>
    <!-- content end -->
</div>
<a href="#" class="am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}">
    <span class="am-icon-btn am-icon-th-list"></span>
</a>
<footer style="text-align: center">
    <hr>
<p class="am-padding-left">© 2016 <a href="http://www.qianchengzhidao.com">oracle北京实训基地</a>. </p>
</footer>


</body>
</html>
